<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="ru-RU">
<head profile="http://gmpg.org/xfn/11">

<title>SVG WorldMap example</title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.js"></script>
<script type="text/javascript" src="jquery.svgworldmap-2.1.src.js"></script>
<link type="text/css" rel="stylesheet" href="svgworldmap.css" />

<style type="text/css">
body {background:white;font-family:arial, sans-serif;font-size:12px;}
div.lastlink {border-top:1px solid #e0e0e0;margin-top:10px;padding:10px;}
</style>

</head>
<body>

<h1>SVG World map example</h1>

<!-- World map containter. Width and height can be set here -->
<div id="place" style="width:649px;height:400px;"></div>

<script type="text/javascript">

/* Country click handler */
function countryclick(tld) {
	alert('Country clicked: '+tld);
	}

jQuery(document).ready(function(){

	jQuery('#place').SVGWorldMap({
		bottom:20, /* Bottom padding (removes antarctica from map) */
		clickhandler :'countryclick', /* Click handler function name */
		c : {BR:1,RU:1,IN:1,CN:1,US:2,UK:2} /* Country classes */
		});

	});

</script>

<div class="lastlink">
<a href="http://www.codenet.ru/webmast/js/world-map-jquery/">Documentation and latest verison</a>
</div>

</body>
</html>